<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .st0{
            fill: #fac !important; ;
        }
    </style>
</head>
<body>
    <img src="1.svg">
    <hr/>
    <svg width="300" height="300" xmlns="http://www.w3.org/2000/svg" >
        <style type="text/css">
            .st0{fill:#4A82FF;}
        </style>
        <path class="st0" d="M117.9,163.9H24.4V34.1h93.5L117.9,163.9L117.9,163.9z M30.2,158.1h81.9V40H30.2V158.1L30.2,158.1z"/>
        <path class="st0" d="M125.4,207H17c-4.8,0-8.8-3.9-8.8-8.8V15.8C8.2,10.9,12.1,7,17,7h108.4c4.8,0,8.7,3.9,8.7,8.8v182.5
            C134.1,203.1,130.2,207,125.4,207z M17,12.8c-1.6,0-2.9,1.3-2.9,2.9v182.5c0,1.6,1.3,2.9,2.9,2.9h108.4c1.6,0,2.9-1.3,2.9-2.9V15.8
            c0-1.6-1.3-2.9-2.9-2.9C125.4,12.8,17,12.8,17,12.8z"/>
        <path class="st0" d="M85.4,26.4H56.9c-1.6,0-2.9-1.3-2.9-2.9s1.3-2.9,2.9-2.9h28.5c1.6,0,2.9,1.3,2.9,2.9S87,26.4,85.4,26.4
            L85.4,26.4z M71.2,191.7c-5.2,0-9.4-4.2-9.4-9.4c0-5.2,4.2-9.4,9.4-9.4c5.2,0,9.4,4.2,9.4,9.4C80.5,187.5,76.3,191.7,71.2,191.7z
             M71.2,178.9c-1.9,0-3.5,1.6-3.5,3.5c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5C74.7,180.4,73.1,178.9,71.2,178.9z"/>
    </svg>
    <hr>
    <iframe src="1.svg" width="300" height="300" frameborder="0"></iframe>    
    <hr/>
    <object data="1.svg" ></object>
    <script>
        const frame = document.querySelector("iframe");
        frame.onload = function(){
            const childDoc = frame.contentDocument ;
           const array =childDoc.querySelectorAll('.st0');
           array.forEach(e=>{
                e.style.fill="#afc" ;
           })
        }
    </script>
</body>
</html>